<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="./project/node_modules/bootstrap/dist/css/bootstrap.css"> -->
      

    <!-- <link rel="stylesheet" href="buttons.css"> -->
    <style>
        /* .btn-success{
            color:;
            background: ;
            border:;
            box-shadow: ;
        } */

    </style>   

</head>
<body>
    <!-- btn-default  /   
    1.选择器覆盖  -  权重  -  缺点:覆盖不完整  
    2.源码覆盖  -  mixin  - variable = > 颜色   组件  => mixin.scss  => varible.scss
    3.源码修改   -  了解源码
    scss  =  @minix   @include
    -->


    <div class="btn-group" role="group" aria-label="...">
        <button type="button" class="btn btn-success btn-outline-success">Left</button>
        <button type="button" class="btn btn-danger">Middle</button>
    </div>
</body>
</html>